<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="noindex">

    <title>Diam sollicitudin tempor id eu nisl - Infinite Ajax Scroll Example</title>

    <link rel="stylesheet" href="./style.css"/>
</head>
<body>

<div class="surface-container">
    <div class="article" id="article3">
        <h1>Diam sollicitudin tempor id eu nisl</h1>
        <p class="article__p--first">Maecenas accumsan lacus vel facilisis. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Vitae suscipit tellus mauris a diam maecenas sed enim. Odio euismod lacinia at quis risus sed vulputate odio.</p>
        <p>Urna cursus eget nunc scelerisque viverra. Dignissim enim sit amet venenatis. Eu facilisis sed odio morbi quis commodo odio aenean. Diam sollicitudin tempor id eu nisl nunc mi ipsum. Vulputate dignissim suspendisse in est ante. Eget mauris pharetra et ultrices neque ornare aenean. Augue mauris augue neque gravida in fermentum et sollicitudin ac. In nibh mauris cursus mattis. Morbi non arcu risus quis varius quam quisque id.</p>
        <p>Enim lobortis scelerisque fermentum dui faucibus. Dolor sit amet consectetur adipiscing elit. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique. Vitae turpis massa sed elementum. Aliquet bibendum enim facilisis gravida neque convallis. Morbi tristique senectus et netus. Eleifend donec pretium vulputate sapien nec sagittis. Venenatis lectus magna fringilla urna porttitor rhoncus dolor. Aliquam purus sit amet luctus venenatis. </p>

        <figure>
            <img src="https://images.unsplash.com/photo-1519058291115-4dc56ad777cd?ixlib=rb-0.3.5&s=4c369147b85c1c6e17c85a70e81b98e0&auto=format&fit=crop&w=1400&h=600&q=80">
            <figcaption>Feugiat in ante metus dictum at.</figcaption>
        </figure>

        <p>Lorem dolor sed viverra ipsum nunc aliquet bibendum enim. In pellentesque massa placerat duis. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Feugiat in ante metus dictum at. Aenean sed adipiscing diam donec adipiscing tristique risus. Nulla at volutpat diam ut venenatis tellus in metus vulputate. Enim ut tellus elementum sagittis. Egestas pretium aenean pharetra magna ac placerat. Nunc non blandit massa enim.</p>
    </div>

    <div class="status">
        <div class="loader"></div>
        <div class="no-more">No more pages</div>
    </div>

    <div class="pager">
        <a href="page2.html" class="pager__prev">&leftarrow; Prev article</a>
    </div>
</div>

<script src="./index.js"></script>

</body>
</html>
